<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
  <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type"
    content="text/javascript" />
    <title> 아코디언판넬 </title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
        var myVariable = document.getElementsByName("container")
      $(function() {
        $("dd:not(:first)").css("display", "none");
        $("dl dt").click(function() {
          if ($("+dd", this).css("display") == "none") {
            $(this).siblings("dd").slideUp("slow");
            $("+dd", this).slideDown("slow");
          }
        });
      });
      var principal = document.go
    </script>
    <style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			dl {
				width: 400px;
				margin: 50px auto;
			}
			dl dt {
				background: #7CADB6;
				border-bottom: 1px solid #FFFFFF;
				cursor: pointer;
			}
			dl dd {
				border: 1px solid #7CADB6;
				border-top: none;
				height: 300px;
			}
    </style>
  </head>
  <body>
    <div id="container">
      <dl>
        <dt> 텍스트1</dt>
        <dd><p> 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
            텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 </p></dd>
        <dt> 텍스트 2</dt>
        <dd><p> 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
            텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 </p></dd>
        <dt> 텍스트 3</dt>
        <dd><p> 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
            텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 </p></dd>
      </dl>
    </div>
    <table>
    	<tr>
    		<th scope="row">내용</th>
    		<td>내용</td>
    		<td>내용</td>
    	</tr>
    	<tr>
    		<td>내용</td>
    		<td>내용</td>
    		<td>내용</td>
    	</tr>
    	<tr>
    		<td>내용</td>
    		<td>내용</td>
    		<td>내용</td>
    	</tr>
    </table>

  </body>
</html>
